<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>用户登录</title>
	<style type="text/css">
		input[type="text"], input[type="password"] {
			width: 15em;
			height: 4em;
			padding: 5px;
			margin: 10px;
			border: none;
			border-bottom: 2px solid red;
			outline: none;
			font-size: 2em;
			letter-spacing: 5px;
			caret-color: red;
		}
		input[type="text"]:focus, input[type="password"]:focus {
			border-top: 2px solid red;
			border-right: 2px solid red;
			border-radius: 0 10px 10px 0;
		}
		input[type="submit"] {
			width: 15em;
			height: 4em;
			border: 2px solid red;
			border-radius: 10px;
			cursor:pointer;
			outline: none;
		}
		pre{
			display: inline;
		}
	</style>
</head>
<body>
	<kbd style="display: none;">
		想要访问访问本页面的URL,若需要自定义URL的话:
			在部署时,除了修改【Server】标签下的【URL】之外,还要修改【Deployment】标签下的【Application context】
		<img src="static/images/1.png" width="300px" height="150px" style="float: left;"/>
		<img src="static/images/2.png" width="300px" height="150px" style="float: left;"/>
	</kbd>
	<div style="text-align: center;">
		<form action="u/subLogin" method="post">
			用户名: <input type="text" name="username" placeholder="Please input username" required/>
			<br>
			密　码: <input type="password" name="password" placeholder="Please input password" required/>
			<br>
			<input type="submit" value="登录" title="登录">
			<input type="button" value="重置" title="重置" onclick="javascript:form.reset();">
		</form>
		<div>
			<br>
			<hr>
			<p><pre>    用户名      密码      角色</pre></p>
			<hr>
			<p><pre>Hello123      132world      【superadmin】</pre></p>
			<hr>
			<p><pre>u320Jk        Ixs^3%Mxs&      【admin + user】</pre></p>
			<hr>
			<p><pre>myuser33        1323%Muscix      【user】</pre></p>
			<hr>
		</div>
	</div>
</body>
</html>